<%--
  Created by IntelliJ IDEA.
  User: Tolean
  Date: 2018/6/5
  Time: 18:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>LYON</title>
    <%@include file="common/head.jspf"%>
    <link rel="Shortcut Icon" href="${lyon}/static/images/favicon.ico"  />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--[if lte IE 8]><script src="${lyon}/static/assets/js/ie/html5shiv.js"></script><![endif]-->
    <link rel="stylesheet" href="${lyon}/static/assets/css/albums.css" />
    <!--[if lte IE 9]><link rel="stylesheet" href="${lyon}/static/assets/css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="${lyon}/static/assets/css/ie8.css" /><![endif]-->
    <noscript><link rel="stylesheet" href="${lyon}/static/assets/css/albums_noscript.css" /></noscript>
</head>
<body class="is-loading-0 is-loading-1 is-loading-2">

<!-- Main -->
<div id="main">

    <!-- Header -->
    <header id="header">
            <a href="${blog}/onstage/home.html">
                <h3>LYON'S BLOGS</h3>
                <p>返回首页</p>
            </a>
    </header>

    <!-- Thumbnail -->
    <section id="thumbnails">
        <c:forEach items="${albums}" var="i">
            <article>
                <a class="thumbnail" href="${lyon}/static/images/albums/fulls/${i.full}" data-position="left center"><img src="${lyon}/static/images/albums/thumbs/${i.thumb}" alt="" /></a>
                <h2>${i.title}</h2>
                <p>${i.content}</p>
            </article>
        </c:forEach>
    </section>
</div>

<!-- Scripts -->
<script src="${lyon}/static/assets/js/jquery.min.js"></script>
<script src="${lyon}/static/assets/js/skel.min.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="${lyon}/static/assets/js/albums.js"></script>

</body>
</html>